home *** CD-ROM | disk | FTP | other *** search
/ Enter 2002 November / EnterCD 11_2002.iso / Internet / Amaya 6.4 / Windows NT.exe / _SETUP.1 / lists.html < prev    next >
Encoding:
Extensible Markup Language  |  2002-06-13  |  3.6 KB  |  88 lines

  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.   <title>Heading elements</title>
  7.   <meta name="GENERATOR" content="amaya 6.1, see http://www.w3.org/Amaya/" />
  8.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  9.   <style type="text/css">
  10.   </style>
  11.   <link href="../style.css" rel="stylesheet" type="text/css" />
  12. </head>
  13.  
  14. <body xml:lang="en" lang="en">
  15.  
  16. <table border="0" width="100%" summary="toc">
  17.   <tbody>
  18.     <tr>
  19.       <td><p><img border="0" alt="W3C" src="../../images/w3c_home" /> <img
  20.         border="0" alt="Amaya" src="../../images/amaya.gif" /></p>
  21.       </td>
  22.       <td><p align="right"><a href="headings.html"><img alt="previous"
  23.         border="0" src="../../images/left.gif" /></a> <a
  24.         href="../HTML.html"><img alt="top" border="0"
  25.         src="../../images/up.gif" /></a> <a href="address.html"><img
  26.         alt="next" border="0" src="../../images/right.gif" /></a></p>
  27.       </td>
  28.     </tr>
  29.   </tbody>
  30. </table>
  31.  
  32. <div id="List">
  33. <h1>List elements</h1>
  34.  
  35. <p>There are three types of list in HTML. The two simple types are ordered
  36. and unordered lists, and there is also a definition list. Lists are
  37. block-type structures, but they can be created within other lists.</p>
  38.  
  39. <p>Example:</p>
  40. <dl>
  41.   <dt>Definition list</dt>
  42.     <dd>This is a definition list - it has definition terms (<code><a
  43.       href="http://www.w3.org/TR/REC-html40/struct/lists.html#edef-DT">DT</a></code>)
  44.       and definitions (<code><a
  45.       href="http://www.w3.org/TR/REC-html40/struct/lists.html#edef-DD">DD</a></code>)
  46.       as children.</dd>
  47.     <dd>One definition term can be followed by a number of deifintiions.</dd>
  48.   <dt>Ordered lists</dt>
  49.     <dd>There are three types of list 
  50.       <ol>
  51.         <li>Ordered Lists (<code><a
  52.           href="http://www.w3.org/TR/REC-html40/struct/lists.html#edef-OL">OL</a></code>)</li>
  53.         <li>Unordered Lists (<code><a
  54.           href="http://www.w3.org/TR/REC-html40/struct/lists.html#edef-UL"
  55.           name="UL" id="UL">UL</a></code>)</li>
  56.         <li>Definition lists (<code><a
  57.           href="http://www.w3.org/TR/REC-html40/struct/lists.html#edef-DL">DL</a></code>)</li>
  58.       </ol>
  59.     </dd>
  60.   <dt>Unordered Lists</dt>
  61.     <dd>Unordered lists and ordered lists share some characteristics: 
  62.       <ul>
  63.         <li>Simple lists</li>
  64.         <li>Both types have children which are list items (<code><a
  65.           href="http://www.w3.org/TR/REC-html40/struct/lists.html#edef-LI">LI</a></code>
  66.           elements)</li>
  67.       </ul>
  68.     </dd>
  69. </dl>
  70.  
  71. <p>The three types of list can all be created from the toolbar using the list
  72. buttons <img src="../../images/OList.gif" alt="Bulleted List" />, <img
  73. src="../../images/NumList.gif" alt="Numbered List" />, <img
  74. src="../../images/DL.gif" alt="Definition List" />. All types of list can be
  75. created from the <strong>Types</strong> menu, or using keyboard shortcuts.
  76. The default keyboard shortcuts for unix systems are <kbd>control-l
  77. control-o</kbd> for an ordered list, <kbd>control-l control-u</kbd> for an
  78. unordered list, and <kbd>control-l control-d</kbd> for a definition list.</p>
  79.  
  80. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  81. presentation of lists, including changing the style of list bullets or using
  82. an image as a bullet, and changing the style of text, for example using a
  83. different font for definition terms and the actual definitions.</p>
  84. <hr />
  85. </div>
  86. </body>
  87. </html>
  88.